<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Spoc学习系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

	<link rel="stylesheet" media="screen and (max-device-width: 480px)" href="../static/css/loginMobile.css">
	<link rel="stylesheet" media="screen and (min-device-width: 480px)" href="../static/css/loginPc.css">


</head>
<body>
    <div class="wrapper">
        <div class="contain">
        	<div class="bannerInfo">
        		<div id="banner"></div>
        	</div>
        	<div class="loginContain">
        		<form action="" method="post">

		            <div class="loginInfo">
						<div id="Sname">
							<h2>SPOC 学习系统</h2>
						</div>
		            	<div class="title">
		            		<span id="title">Login</span>
		            	</div>
		                <div class="idInfo">
		                	<span id="idTitle" style="display: none;">×</span>
		                    <img src="../static/icorn/id.png" id="idCorn">
		                    <input type="text" id="id" name="id" placeholder="enter your id bro">
		                </div>
		                <div class="pwdInfo">
		                	<span id="pwdTitle" style="display: none;">×</span>
		                    <img src="../static/icorn/password.png" id="pwdCorn">
		                    <input type="password" id="pwd" name="pwd" placeholder="password here">
		                </div>
		                <div class="Verification"></div>
		                <div class="submit">
		                    <div id="submit">login</div>
		                </div>
		            </div>
	            </form>
	        </div>
        </div>
    </div>
    <div class="footer">

	</div>
    <script src="../static/js/1.js"></script>
	<script src="../static/js/index.js"></script>
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
    <script type="text/javascript">
		var bannerdiv = document.getElementById("banner");
		createBanners(bannerdiv,[
				{url:"../static/img/1.jpg",link:"https://www.sut.edu.cn/"},
				{url:"../static/img/2.jpg",link:"https://www.sut.edu.cn/"},
				{url:"../static/img/3.jpg",link:"https://www.sut.edu.cn/"}
				]);
	</script>
</body>
</html>